@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";
@import "@automattic/typography/styles/variables";

.thank-you {
	--color-accent: var(--studio-wordpress-blue);
	--color-accent-60: var(--studio-wordpress-blue-60);

	display: flex;
	flex-direction: column;
	max-width: 750px;

	.thank-you__products {
		margin: 0 auto;
		max-width: 650px;
		width: 100%;
	}

	.thank-you__header-buttons,
	.thank-you__products {
		.button,
		.components-button {
			border-radius: 4px;
			font-size: $font-body-small;
			height: unset;
			line-height: 20px;
			padding: 10px 24px;

			&[disabled] {
				background-color: var(--color-surface);
				border: 1px solid var(--color-neutral-5);
				color: var(--color-neutral-20);
			}
		}
	}
}
